<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<div id="app">
    <form>
        <a href="http://www.axios-js.com/docs/vue-axios.html">axios官方网站</a><br/>
        <a href="https://www.javasoho.com/axios/index.html#TypeScript">axios官方网站</a><br/>
        <button></button>
    </form>
</div>
</body>
</html>


<script src="/js/axios.min.js"></script>
<script>
    //发送axios请求
    // axios.get("http://127.0.0.1:5000/test?id=1")
    //     .then(function (resp) {
    //         console.log(resp)
    //         console.log(resp.data);
    //     }).catch(function (resp) {
    //         console.log(resp)
    //     })


    var http = axios.create({
        baseURL:"http://127.0.0.1:5000",
        timeout: 4000
    });

    http.interceptors.request.use(function (config) {
        console.log(config);
        console.log("request")
        // 在发送请求之前做些什么
        return config;
    }, function (error) {
        // 对请求错误做些什么
        return Promise.reject(error);
    });

    // 添加响应拦截器
    http.interceptors.response.use(function (response) {
        console.log(response);
        if(response.status==200){
            console.log('服务器出现错误！')
        }
        // 对响应数据做点什么
        return response;
    }, function (error) {
        // 对响应错误做点什么
        return Promise.reject(error);
    });

    http.get("/test?id=1").then(function (resp){
        console.log(resp.data);
    }).catch(function(err){
        console.log(err)
    })





</script>